﻿
@{
    ViewBag.Title = "Registro";
}

<div class="row">
    <div class="col s12">
        <h3>Registro</h3>
    </div>
</div>
<div class="row">
    @using (Html.BeginForm("Register", "Home", FormMethod.Post, new { Class = "col s12" }))
    {
        <div class="row">
            <div class="input-field col s12">
                <input id="idNumero" name="cuenta" type="text" class="validate" maxlength="8" length="8" pattern="\d{8,8}" required title="Sólo números. 8 caracteres mínimo y máximo.">
                <label for="idNumero">N° de Cuenta</label>
            </div>
            <div class="input-field col s12">
                <input id="idClave" name="clave" type="password" class="validate" maxlength="8" length="8" pattern=".{8,8}" required title="8 caracteres mínimo.">
                <label for="idClave">Clave alfanumérica</label>
            </div>
            <div class="input-field col s12">
                <input id="idNombre" name="nombre" type="text" class="validate" required>
                <label for="idNombre">Nombre</label>
            </div>
            <div class="input-field col s6">
                <input id="idAppPat" name="appat" type="text" class="validate" required>
                <label for="idAppPat">Apellido Paterno</label>
            </div>
            <div class="input-field col s6">
                <input id="idAppMat" name="apmat" type="text" class="validate" required>
                <label for="idAppMat">Apellido Materno</label>
            </div>
            <div class="input-field col s6">
                <input id="idEmail" name="email" type="email" class="validate">
                <label for="idEmail">Email</label>
            </div>
        </div>
        <div class="row">
            <div class="col s6">
                <button class="btn waves-effect waves-light" type="submit" name="action">Enviar</button>
            </div>
            <div class="col s6">
                <a class="waves-effect waves-light btn" href="@Url.Action("Index","Home")">Cancelar</a>
            </div>
        </div>
    }
</div>